<template>
  <div>
    <van-cell-group class="cell-group">
      <van-cell>
        <div class="item">
          <van-tag class="tag" type="primary">限购</van-tag>
          <div>每人
            <span class="num">{{params.maxBuy}}</span>件
          </div>
        </div>
      </van-cell>
      <van-cell>
        <div class="item">
          <van-tag class="tag" type="primary">款项</van-tag>
          <div>
            定金
            <span>{{params.frontMoney | yuan}}</span> + 尾款
            <span>{{params.tailMoney | yuan}}</span>
          </div>
        </div>
      </van-cell>
      <van-cell is-link>
        <div slot="title" class="a-link" @click="showPopup = true">查看预售规则</div>
      </van-cell>
    </van-cell-group>
    <DetailPopupPresell v-model="showPopup" title="预售规则" :info="info"/>
  </div>
</template>
<script>
import DetailPopupPresell from "./PopupPresell";
export default {
  data() {
    return {
      showPopup: false
    };
  },
  props: {
    info: Object,
    params: Object
  },
  computed: {},
  components: {
    DetailPopupPresell
  }
};
</script>
<style scoped>
.item {
  display: flex;
  align-items: center;
}
.item .tag {
  margin-right: 8px;
}
.item .num {
  padding: 0 4px;
}
</style>
